<div class="col-sm-12">
  <!-- BOX -->
  <div class="box">
    <div class="box-body">
      <div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
      	<div class="row">
          <div class="col-sm-9">
        	  <!--搜索-->
            <div class="col-sm-5 nopadding-left">
        	    <div class="input-group">
            		{{input class="form-control" type="text" placeholder="请输入员工姓名或身份证号进行查询" value=queryCondition enter="search"}}
      	        <span class="input-group-btn">
        		      <button class="btn btn-primary btn-reduce" type="button" style="touch-action: manipulation; -ms-touch-action: manipulation;" {{action "search" on="click"}}>
                    <i class="fa fa-search"></i>
                  </button>
      	        </span>
        	    </div>
        	  </div>
        	  <!--搜索-->
        </div>
          <!-- <div class="user-add-btn col-sm-3 nopadding-right">
            {{#ui/mix-button class="user-btn pull-right" iconClass="fa-plus"  text='新增'  clickAction="toDetailPage" toDetailPage="toDetailPage"}}
            {{/ui/mix-button}}
          </div> -->
      	</div>
        <table id="datatable1" cellpadding="0" cellspacing="0" border="0"  class="datatable table table-bordered table-hover dataTable" aria-describedby="datatable1_info">
          <thead>
            <tr role="row">
              <th rowspan="1" colspan="1" width="">员工姓名</th>
              <th rowspan="1" colspan="1" width="">身份证号</th>
              <th rowspan="1" colspan="1" width="">状态</th>
              <th rowspan="1" colspan="1" width="">入职日期</th>
              <th rowspan="1" colspan="1" width="">转正日期</th>
              <th rowspan="1" colspan="1" width="">离职日期</th>
              <th rowspan="1" colspan="1" width="">试用期工资(元)</th>
              <th rowspan="1" colspan="1" width="">转正工资(元)</th>
              <th rowspan="1" colspan="1" width="">岗位工资(元)</th>
              <th rowspan="1" colspan="1" width="">绩效奖金(元)</th>
              <th rowspan="1" colspan="1" width="">绩效扣款(元)</th>
              <th rowspan="1" colspan="1" width="">其他(元)</th>
              <th rowspan="1" colspan="1" width="">请假天数(天)</th>
            </tr>
          </thead>
          {{#if salaryreportitemList}}
          <tbody role="alert" aria-live="polite" aria-relevant="all" class="">
            {{#each salaryreportitemList as |salaryreportitem|}}
            <tr>
              {{#if salaryreportitem.regularDate}}
                <td class="ellipsis">{{salaryreportitem.name}}(<span style="color:red;">转正</span>)</td>
              {{else}}
                <td class="ellipsis">{{salaryreportitem.name}}</td>
              {{/if}}
              <td class="ellipsis">{{salaryreportitem.idcard}}</td>
              <td class="ellipsis">{{salaryreportitem.staffStatus.typename}}</td>
              <td class="ellipsis">{{salaryreportitem.onjobDateStr}}</td>
              {{#if salaryreportitem.regularDate}}
                <td class="hasError ellipsis">{{salaryreportitem.regularDateStr}}</td>
              {{else}}
                <td class="ellipsis">{{salaryreportitem.regularDateStr}}</td>
              {{/if}}
              <td class="ellipsis">{{salaryreportitem.leaveDateStr}}</td>
              <td class="ellipsis">{{salaryreportitem.probationAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.regularAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.baseAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.bonusAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.cutAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.otherAmount}}</td>
              <td class="ellipsis">{{salaryreportitem.leaveDays}}</td>
            </tr>
            {{/each}}
          </tbody>
          {{else}}
          {{/if}}
        </table>
        {{#if salaryreportitemList }}
            {{page-numbers content=salaryreportitemList showFL=true numPagesToShow=5}}
        {{else}}
                <h1 class="col-sm-12 center unTask"></h1>
        {{/if}}
      </div>
    </div>
  </div>
  <!-- /BOX -->

</div>
